body,section,div,p,ul,li,dl,dt,dd,h4{ margin:0px; padding:0px;}
a{ color:#020202; text-decoration:none;}
body{ color:#020202; background:#efefef; font-size:1em;}
.small{ font-size:0.8em;}
li{ list-style:none;}
.lightgrey{ color:#aeaeae;}
/*会员卡*/
.arrowlist{ background:#fff; border-bottom:1px #d9d9d9 solid; border-top:1px #d9d9d9 solid; padding:0 10px; margin-top:15px; clear:both;}
.arrowlist li{border-bottom:1px #d9d9d9 solid; overflow:hidden; padding:15px 0; margin-bottom:-1px}
.arrowlist li a{display:block;line-height:1.6em; height:1.6em;}
.arrowlist li a.arrow{ background:url(../images/arrow.png) right center no-repeat;background-size:auto 20px;padding-right:30px;}
.arrowlist li h4{ width:50%; float:left; font-weight:normal;}
.arrowlist li h4 span{ display:block; padding-left:35px;}
.arrowlist li .list-right{ width:50%; float:right; text-align:right; color:#aeaeae; font-size:0.8em;}
.arrowlist li h4.mywallet span{ background:url(../images/icon_mywallet.png) left center no-repeat; background-size:24px auto;}
.arrowlist li h4.myorder span{ background:url(../images/icon_myorder.png) left center no-repeat; background-size:24px auto;}
.arrowlist li h4.mymall span{ background:url(../images/icon_mymall.png) left center no-repeat; background-size:24px auto;}
.arrowlist li h4.mycard span{ background:url(../images/icon_mycard.png) left center no-repeat; background-size:24px auto;}
.arrowlist li h4.myaddress span{ background:url(../images/icon_address.png) left center no-repeat; background-size:24px auto;}
.arrowlist li h4.jiashui span{ background:url(../images/water.png) left center no-repeat; background-size:24px auto;}
.arrowlist li h4.maidan span{ background:url(../images/dian.png) left center no-repeat; background-size:26px auto;}
.arrowlist li h4.diancan span{ background:url(../images/jilu.png) left center no-repeat; background-size:24px auto;}
.expire{ background:#e85237; color:#fff; padding:2px 6px; border-radius:10px; margin-right:5px;}
.cardinfo{ padding:10px;border-bottom:1px #d9d9d9 solid; border-top:1px #d9d9d9 solid;overflow:hidden; margin-top:10px; background:#fff url(../images/arrow.png) right center no-repeat; background-size:auto 20px;}
.cardinfo dt{ float:left; width:25%;}
.cardinfo dd{ float:left; width:75%; position:relative;}
.card-code{ position:absolute; right:30px; top:50%;background:url(../images/icon_code.gif) center center no-repeat; background-size:22px auto; display:block; width:30px; height:30px; margin-top:-15px;}
.cardinfo dt img{ width:80%;}
.cardinfo dd p{ padding-top:8px; height:22px;}
.level{ display:inline-block; margin-left:10px; height:22px; width:50%; overflow:hidden; color:#eda117;}
/*.v4{ background:url(../images/v4.png) left center no-repeat; background-size:auto 20px;}*/
.user-name{ font-size:1.2em;}
.user-card-code{ width:100%; height:100%; position:relative;}
.cardcode-con{ width:80%; background:rgba(0, 0, 0, 0.8);position:absolute; left:10%; top:15%; text-align:center; padding:10% 0; border-radius:20px; color:#fff; z-index:10;}
.cardcode-con img{ width:60%;}
.cardcode-con p{ padding-top:20px;}
.cardbg{ background:url(../images/cardbg.png) repeat;}
.card-img{ width:90%; margin-left:5%; margin-top:5%;}
.card-img img{ width:100%;}
.card-bottom{ background:url(../images/card_bottombg.png) top left no-repeat; background-size:100% auto; padding-top:10%; margin-top:-8px; text-align:center;}
.card-bottom span{color:#999; font-size:0.8em;}
/*券*/
.archinfo{ background:#35a4de url(../images/dotbg.png) left bottom repeat-x; position:relative; text-align:center; padding:15px 0;}
.arch-name{ font-size:2em; padding-top:50px;color:#fff; padding-bottom:10px;}
.arch-info{ font-size:1em; color:#d7edf8;}
.arch-store{ position:absolute; top:15px; left:15px; height:2.2em;color:#fff;}
.arch-store img{ height:2.2em;border-radius:50%;}
.arch-enddate{ color:#9ad2ef; font-size:0.8em; padding-bottom:10px;}
.archcode{ background:#fff; text-align:center; padding:20px 0;}
.archcode img{ width:50%;}
.arch-no{ color:#aaa;}
.arch-tips{ color:#666;}
/*券详情*/
.arch-tag{ color:#aaa; font-size:0.8em; padding:0 10px 5px 10px;}
.arch-con{ background:#fff;border-bottom:1px #d9d9d9 solid; border-top:1px #d9d9d9 solid; padding:15px 10px; overflow:hidden;}
.arch-block{ margin-top:10px; overflow:hidden;}
.arch-block span{ display:block;}
.arch-block .arch-l{ width:60%; float:left;}
.arch-block .arch-r{ width:40%; float:right; text-align:right; color:#e85237;}
/*试用门店*/
.usestore{ background:#fff;border-bottom:1px #d9d9d9 solid; padding:0 10px;height:100%; overflow:hidden;}
.usestore li{border-bottom:1px #e9e9e9 solid; padding:10px 0; overflow:hidden;height:100%; margin-bottom:-1px;}
.usestore li .store-info{ width:80%; float:left;} 
.usestore li .store-info p{ padding-right:15px; overflow:hidden;text-overflow:ellipsis;} 
.usestore li .store-location{ width:20%; float:right; height:100%; position:relative;}
.store-location a{ display:block; background:url(../images/pin.png) center center no-repeat;height:65px; border-left:1px #e9e9e9 solid;}
.store-name .distance{ display:inline-block; float:right; color:#aaa; font-size:0.8em;}
.store-addr{ color:#aaa;font-size:0.8em; padding-top:8px;}

/*header*/
.main{
	height:100%;
	width:100%;
}
.main-hashead{
	margin-top:42px;
}
header{
	z-index: 11;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 42px;
	width:100%;
	background:#f2780b;
}
header a.goback{
	position:absolute;
	left:0px;
	top:0px;
	height:42px;
	width:42px;
	display:block;
	background:url(../images/goback.png) center center no-repeat;
	background-size:14px auto;
}
header .title{
	line-height:42px;
	color:#fff;
	text-align:center;
	font-size:1.2em;
}
.dialog{
	background:rgba(52, 52, 52, .5);
	z-index:9999; 
	width:100%; 
	height:100%;
	position:fixed; 
	top:0px; 
	left:0px;
}
.dialoginner{
	background:#fff;
	z-index:20;
	width:60%; 
	position:absolute;
	left:20%;
	top:30%; 
	border-radius:3px; 
}
.dialoginner p{ 
	padding:15px 10px;
	text-align:center; 
	font-size:1em;
	border-bottom:1px #eaeaea solid;
}
.dialogbtnbox{ 
	height:45px;
	width:100%;
}
.dialogbtn{ 
	width:49%; 
	height:45px; 
	float:left;
	line-height:45px;
	display:block; 
	text-align:center; 
	font-size:1em;
}
.dialogwide{ 
	width:100%;
}
.dialogbr{
	border-right:1px #eaeaea solid;
}